
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
    <link type="text/css" rel="stylesheet" href="estilo.css" />
    <h1>Nueva oferta</h1>
    
    
    <h:panelGrid id="panelFormOferta" columns="3" style="font-size: small">
        
            <p:outputLabel value="Titulo de la oferta:" />
                <p:inputText id="ofetitulo" size="30" 
                                       requiredMessage="* Titulo requerido."
                                       value="#{cOfe.cofeTitulo}"
                                       required="true"
                                       />
                <p:outputLabel value="Min. 10, Max. 40." style="font-size: x-small;" />
                <p:outputLabel value=""/><p:message for="ofetitulo"/><p:outputLabel value=""/>
            <p:outputLabel value="Descripcion:" />
                <p:inputText id="ofedescripcion" size="40"      
                                 requiredMessage="* Descripcion necesaria."
                                 value="#{cOfe.cofeDescripcion}"
                                 required="true"/>  
                <p:outputLabel value="Max. 240" style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="formCentro:ofedescripcion"/><p:outputLabel value=""/>

            <p:outputLabel value="Fecha de finalizacion:"/> 
                
                <p:calendar value="#{cOfe.cofeFecfin}" id="ofefechafin" mode="inline" pattern="dd/MM/yyyy" 
                                requiredMessage="* Fecha finalizacion necesaria." 
                                required="true"/>  
                <p:outputLabel value=""/>
            <p:outputLabel value=""/><p:outputLabel value=""/><p:outputLabel value=""/>
            
            <p:outputLabel value="Precio:" />
                <h:panelGrid columns="1" style="margin-bottom:10px">
                    <p:spinner stepFactor="0.05"
                        id="ofeprecio" size="10"       
                        requiredMessage="* Precio necesario."
                        min="0"
                        max="1000"
                        
                        value="#{cOfe.cofePrecio}"
                        required="true"/>  
                    <h:panelGrid columns="3" style="margin-bottom:10px">
                    0
                    <p:slider style="width: 100px" for="ofeprecio">  
                        <p:ajax event="slideEnd" listener="#{cOfe.onSlideEnd}" update="ofeprecio" />  
                    </p:slider>
                    100
                    </h:panelGrid>
                </h:panelGrid>
                <p:outputLabel value="Precio de tu oferta." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="ofeprecio"/><p:outputLabel value=""/>
                
            <p:outputLabel value="Ahorro:" />
                <h:panelGrid columns="1" style="margin-bottom:10px">  
                    <p:inputText id="ofeahorro" size="10" 
                                 requiredMessage="* Ahorro necesario."
                                 value="#{cOfe.cofeAhorro}"
                                 required="true"/>  
                    
                </h:panelGrid>
                <p:outputLabel value="De 0 a 100, porcentaje de ahorro que representa la oferta." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="ofeahorro"/><p:outputLabel value=""/>
                
            <p:outputLabel value="Tipo:" />
                <p:selectOneMenu id="ofetipo" 
                                 requiredMessage="* Tipo de oferta necesario."
                                 value="#{cOfe.cofeTipo}"
                                 required="true">  
                    <f:selectItem itemLabel="COMIDA" itemValue="COMIDA" />  
                    <f:selectItem itemLabel="CENA" itemValue="CENA" />  
                    <f:selectItem itemLabel="DESAYUNO" itemValue="DESAYUNO" />  
                </p:selectOneMenu>    
                <p:outputLabel value="Elige un tipo de oferta." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="ofetipo"/><p:outputLabel value=""/>
                
            <p:outputLabel value="Maximas por día:" />
                <p:inputText id="ofemaxpordia" size="10"       
                                 requiredMessage="* Maximas ofertas aceptadas requerido."
                                 value="#{cOfe.cofeMaxpordia}"
                                 required="true"/>  
                <p:outputLabel value="Numero maximo de ofertas aceptadas por dia." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="ofemaxpordia"/><p:outputLabel value=""/>                
                
            <p:outputLabel value="Periodo de validez:" />
                <p:inputText id="ofeperiodo" size="10"       
                                 requiredMessage="* Periodo de validez necesario."
                                 value="#{cOfe.cofePeriodovalidez}"
                                 required="true"/>  
                <p:outputLabel value="Numero de dias de validez del cupón. Pon 0 si quieres que caduque en la fecha de finalización." style="font-size: x-small;"/>
                <p:outputLabel value=""/><p:message for="ofeperiodo"/><p:outputLabel value=""/>  

                
                <p:commandButton actionListener="#{cOfe.createOferta}" update=":formCentro" id="iconOnly"  
                                 icon="ui-icon-disk" title="Crear oferta" value="Crear oferta"/>
<!--                <h:commandButton id="submit2" 
                         value="Crear oferta"
                         action=""/>-->
                <p:outputLabel value=" " />
                <p:outputLabel value=" " />
                

    </h:panelGrid>
</ui:composition>